<!DOCTYPE html>
<html>
<head>
    <title>{{ page_title }}</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="/static/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/static/js/dropdown.js"></script>
    <script type="text/javascript" src="/static/js/tile-drag.js"></script>
    <link href="/static/css/modern.css" rel="stylesheet">
    <link href="/static/css/modern-responsive.css" rel="stylesheet">
    <style>
        .metrouicss .tile {
            width: 135px;
            height: 135px;
        }

        .metrouicss .tile.double {
            width: 280px;
        }

    </style>
</head>
<body class="metrouicss bg-color-blueDark">
    <div class="page secondary fixed-header">
        <div class="page-header">
            <div class="page-header-content">
                <h1 class="fg-color-white">Старт</h1>
            </div>
        </div>
        <div class="page-region">
            <div class="page-region-content">

                <div class="tile-group tile-drag">

                    <a href="/documentation/">
                    <div class="tile icon double bg-color-orange">
                        <div class="tile-content">
                            <img src="/static/img/word2013icon.png"/>
                        </div>
                        <div class="brand">
                            <span class="name">Документация</span>
                            <div class="badge activity bg-color-blueDark"></div>
                        </div>
                    </div>
                    </a>

	                <a href="/bpk/">
                    <div class="tile icon double bg-color-teal">
                        <div class="tile-content">
                            <img src="/static/img/Visa.png"/>
                        </div>
                        <div class="brand">
                            <span class="name">БПК</span>
                            <div class="badge activity bg-color-teal"></div>
                        </div>
                    </div>
                    </a>

                    <div class="tile icon bg-color-lighten">
                        <div class="tile-content">
                            <img src="/static/img/dollar.png"/>
                        </div>
                        <div class="brand">
                            <span class="name fg-color-darken">Валюта</span>
                            <div class="badge activity bg-color-lighten"></div>
                        </div>
                    </div>

                    <a href="/gb/" class="tile icon bg-color-red">
                        <div class="tile-content">
                            <img src="/static/img/phone.png"/>
                        </div>
                        <div class="brand">
                            <span class="name fg-color-darken">Гаряча лінія</span>
                            <div class="badge activity bg-color-green"></div>
                        </div>
                    </a>

                    <div class="tile icon double bg-color-green">
                        <div class="tile-content">
                            <img src="/static/img/money.png"/>
                        </div>
                        <div class="brand">
                            <span class="name">Тарифи</span>
                            <div class="badge activity bg-color-green"></div>
                        </div>
                    </div>

	                <div class="tile image">
		                <div class="tile-content">
			                <img src="/static/img/komp.jpg"/>
		                </div>
		                <div class="brand">
			                <span class="name fg-color-darken">Компенсація</span>
		                </div>
	                </div>

                    <div class="tile icon bg-color-yellow">
                        <div class="tile-content">
                            <img src="/static/img/money.png"/>
                        </div>
                        <div class="brand">
                            <span class="name fg-color-darken">Перерва</span>
                            <div class="badge activity bg-color-green"></div>
                        </div>
                    </div>

	                <div class="tile icon bg-color-yellow">
		                <div class="tile-content">
			                <img src="/static/img/money.png"/>
		                </div>
		                <div class="brand">
			                <span class="name fg-color-darken">Новини ТВБВ</span>
			                <div class="badge activity bg-color-greenLight"></div>
		                </div>
	                </div>

	                <div class="tile icon bg-color-lighten">
		                <div class="tile-content">
			                <img src="/static/img/money.png"/>
		                </div>
		                <div class="brand">
			                <span class="name fg-color-darken">Курс валют</span>
			                <div class="badge activity bg-color-green"></div>
		                </div>
	                </div>

	                <div class="tile double bg-color-greenDark">
		                <div class="tile-content">
			                <i class="icon-pencil big"></i><h4>Афоризм дня</h4>
			                <p>Когда ты поднимаешься, друзья узнают, кто ты. Когда ты падаешь, ты узнаешь, кто друзья.</p>
		                </div>
		                <div class="brand">
			                <span class="name fg-color-darken">Афоризмус</span>
			                <div class="badge activity bg-color-green"></div>
		                </div>
	                </div>

	                <div class="tile icon bg-color-blueLight">
		                <div class="tile-content">
			                <img src="/static/img/money_bag.png"/>
		                </div>
		                <div class="brand">
			                <span class="name fg-color-darken">Відсоткові ставки</span>
			                <div class="badge activity bg-color-green"></div>
		                </div>
	                </div>

                </div>
            </div>
        </div>
    </div>
</body>
</html>